<template>
  <div class="digital_report">
    <table-common
      :menu-id="menuId"
      :title="title"
      :filter-list="filterList"
      :form-guid="formGuid"
    />
  </div>
</template>

<script>
import tableCommon from '@/components/tableCommon/index.vue';

export default {
  name: 'DigitalReport',
  components: {
    tableCommon
  },
  data() {
    return {
      menuId: undefined,
      title: '',
      formGuid: '',
      filterList: []
    };
  },

  // mounted() {
  //   window.parent.postMessage({
  //     title: this.$route.query.title,
  //     parentTitle: this.$route.query.parentName
  //   }, '*');
  // },

  created() {
    const { menuId, title, formGuid } = this.$route.query;
    this.menuId = Number(menuId);
    this.title = title;
    this.formGuid = formGuid;
  }

};
</script>
<style lang="scss" scoped>
  .digital_report{
    height: 100%;
  }
</style>
